<template>
  <div id='todo-root'>
    <div id="todo-wp">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search for..."/>
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">Go!</button>
        </span>
      </div>
    </div>
    <div id="todo-list"></div>
  </div>
</template>

<script>
export default {
  name: 'todoview',
  data () {
    return {
      todothings: ''
    }
  }
}
</script>

<style scoped>
#todo-root {
  height: 100%;
  width: 100%;
  padding: 10px;
  /* background-color: gray */
}
#todo-wp {
  width: 100%
}
</style>
